<template>
  <v-card title="圆形雷达图">
    <vcu-chart-radar :data="chartData" :settings="settings" />
  </v-card>
</template>

<script>
export default {
  name: 'circle',
  data() {
    return {
      chartData: {
        dimensions: [
          { name: 'APP', max: 6000 },
          { name: 'PC', max: 16000 },
          { name: 'M端', max: 30000 },
          { name: '微信', max: 35000 },
          { name: '手Q', max: 50000 },
          { name: '小程序', max: 25000 },
        ],
        measures: [{ name: '2020', data: [5000, 7000, 12000, 11000, 15000, 14000] }],
      },
      settings: {
        radius: 120,
        splitNumber: 3, // 分割段数
        shape: 'circle', // 绘制为圆形
        splitArea: {
          // 底色
          areaStyle: {
            color: [
              'rgba(114, 172, 209, 0.2)',
              'rgba(114, 172, 209, 0.4)',
              'rgba(114, 172, 209, 0.6)',
              'rgba(114, 172, 209, 0.8)',
              'rgba(114, 172, 209, 1)',
            ],
            shadowColor: 'rgba(0, 0, 0, 0.3)',
            shadowBlur: 10,
          },
        },
      },
    }
  },
  methods: {},
  created() {},
}
</script>
<style lang="less" scoped>
</style>
